﻿FlyTalk.views.MyTalkView = Ext.extend(Ext.TabPanel, {
	id: 'MyTalkView',
	indicator: true,
    fullscreen: true,
	layout: 'card',  
	
	tabBar:{
        dock: 'bottom', // will put the menu on the bottom of the screen
		cls: 'toolbar',
        layout:{
            pack: 'center' // this will center the menu
        }
		//height: 20;
    },
				
    initComponent: function () {
		Ext.apply(FlyTalk.views, {
			MyTalkActivityView: new FlyTalk.views.MyTalkActivityView(),
			MyTalkChallengesView: new FlyTalk.views.MyTalkChallengesView(),
			//OverLay: new FlyTalk.views.OverLay(),
        });
			
        this.items = [
		
			FlyTalk.views.MyTalkChallengesView,
			FlyTalk.views.MyTalkActivityView,		
			//FlyTalk.views.OverLay,
        ],
		
	
		
		//****************toolbar********************
		
		// this.myActivityButton = new Ext.Button({
			// iconCls: 'My Activity',
			
			// handler: this.onCompose,
			// scope: this
		// });
		
		
		// Toolbar for MyTalk Section toolbar
		// this.myTalkToolbar = new Ext.Toolbar({
			// id: 'myTalkToolbar',
			// title: 'MyTalkView',
			// dock: 'bottom',
			// layout: 'hbox',
			// items: [
				// {xtype: 'spacer'},
				// this.myActivityButton,
			// ]
		// });
		
		// this.dockedItems = [this.myTalkToolbar];
		
		
        FlyTalk.views.MyTalkView.superclass.initComponent.call(this);
    }  

	
    
});